<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>婚纱礼服</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/cloth.css">
    <link rel="stylesheet" href="css/common-mobile.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/cloth-mobile.css">
</head>
<body>
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script src="./js/common-mobile.js"></script>

    <div class="header">
        <div class="h">
            <div class="logo">
                <span class="ver"><img src="http://www.bufantec.com/site/hunsha/static/img/logo-1.png" alt=""></span>
                <span class="history"><img src="http://www.bufantec.com/site/hunsha/static/img/logo-2.png"
                        alt=""></span>
            </div>
            <div class="menu-line">
                <div class="line"></div>
                <div class="line"></div>
                <div class="line"></div>
            </div>

            <ul class="nav">
                <li class="nav-item">
                    <a href="index.html">首页</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="cloth.html">婚纱礼服</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="jewerl.html">珠宝配饰</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="active.html">最新活动</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="about us.html">关于我们</a>
                    <span class="line"></span>
                </li>
            </ul>
        </div>
    </div>

    
    <div class="cloth-1-1">
        <div class="h">
            
                <img class="pic1" src="cloth-img/cloth1.png" alt="">

                <div class="inner">
                    <div class="title">
                    <p class="inner-cname">一字肩拖尾主纱</p>
                    <p class="inner-ename">HER STYLE</p>
                    </div>
                    <div class="con">
                        <p class="price">$5389.00</p>
                        <p class="sty">白色 / M / VK2531</p>
                        <p class="ill">浅色象牙白缎面婚纱，手工镶嵌金色和银色Chantilly蕾丝，背面<br>
                        饰有镂空的华丽。</p>
                        <p class="order">
                            <a style="color: #2d2d2d;" href="designers.html">立即预约</a>
                        </p>    
                    </div>
            </div>
        </div>
    </div>
    <div class="cloth-1-2">
        <div class="h">
            <img class="pic2" src="cloth-img/cloth2.png" alt="">
            <p class="main">
                这薄纱在皇家纱婚纱由著名思想Martina Liana的首席创意官，Martine Harris，有一个身影奉承捻胸衣和传统教堂的
                火车。大胆的钻石水晶点缀的领口，上背部和腰部。背部拉链。选择从石头和象牙薄纱在香槟皇家纱，象牙薄纱在皇
                家象牙白色纱纱，或皇家白色的薄纱。
            </p>
            <p class="size">
                尺码：  s / m <br>
                颜色： 白色
            </p>
            
        </div>
    </div>

    <!-- 新品轮播图 -->
    <div class="cloth-2">
        <div class="h">
            <div class="nav">
                <span class="new">新品/NEW</span>
                <span class="ago">往季</span>
            </div>

            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Wedding%20Dress/img/wedding-banner-1.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Wedding%20Dress/img/wedding-banner-2.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Wedding%20Dress/img/wedding-banner-3.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Wedding%20Dress/img/wedding-banner-4.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Wedding%20Dress/img/wedding-banner-5.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Wedding%20Dress/img/wedding-banner-6.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Wedding%20Dress/img/wedding-banner-1.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Wedding%20Dress/img/wedding-banner-2.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Wedding%20Dress/img/wedding-banner-3.jpg" alt=""> 
                    </div> <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Wedding%20Dress/img/wedding-banner-4.jpg" alt=""> 
                    </div>
                    <div class="swiper-slide">
                        <img src="http://www.bufantec.com/site/hunsha/static/pages/Wedding%20Dress/img/wedding-banner-5.jpg" alt=""> 
                    </div>
                    
                </div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
               
            </div>



            <p>MORE</p>
        </div>
    </div>





    <div class="about">
        <div class="h">
            <div class="about1">
                <p class="p1">网站备案号：豫ICP备110121210号</p>
                <p class="p2">增值电信业务经营许可证号：豫B2-20100033</p>
            </div>
            <div class="about2">
                <ul class="us">
                    <li class="us-item">
                       &copy; 2018 VERONICA
                    </li>
                    <li class="us-item">
                        联系我们
                    </li>
                    <li class="us-item">
                        加入我们
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script src="./js/cloth-mobile.js"></script>
</body>
</html>